import React from 'react';
// import { Icon } from 'antd';
import { STATUS } from '@/pages/RecruitEmail/constants';
import { ButtonPc as Button } from '@/pages/RecruitEmail/pc/components';
import styles from './index.less';

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const InterviewResult = ({ type = STATUS.ACCEPT, show = false, onClick, showReason = true, ...rest }) => (
    <div {...rest}>
        {type === STATUS.INITIAL && <div className={styles.resultTitle}>面试信息</div>}
        {type === STATUS.ACCEPT && (
            <>
                {/* <div className={styles.resultTitle}>
                    <Icon type="check-circle" theme="filled" style={{ color: '#44C69D', marginRight: 12 }} />
                    已接受面试
                </div> */}
                {/* {show && ( */}
                <div className={styles.resultContent}>
                    <span className={styles.spanDesc}>
                        {show
                            ? '为避免影响您后续面试，请您于面试前，尽快完善《应聘登记表》'
                            : '您已提交《应聘登记表》，期待与您的面谈！面试前可继续完善'}
                    </span>

                    <Button
                        style={{ width: '246px' }}
                        type="primary"
                        // loading={submitLoading}
                        onClick={onClick}
                    >
                        {show ? '立即完善' : '继续完善'}
                    </Button>
                </div>
                {/* )} */}

                {/* <div className={styles.resultTitle}>面试信息</div> */}
            </>
        )}
        {type === STATUS.REFUSE && (
            <>
                {showReason && <div className={styles.refuseTitle}>感谢反馈原因，期待我们之间能有更多故事。</div>}
                <div className={styles.resultTitle} style={{ marginTop: '32px', color: 'rgba(0,0,0,0.25)' }}>
                    面试信息
                </div>
                {/* <div className={styles.resultTitle}>
                    <Icon type="frown" theme="filled" style={{ color: 'rgba(0, 0, 0, 0.25)', marginRight: 12 }} />
                    已拒绝面试
                </div>
                <div className={styles.resultContent}>感谢反馈原因，期待我们之间能有更多故事。</div> */}
            </>
        )}
        {type === STATUS.UPDATE && (
            <>
                {/* <div className={styles.resultContent}>
                    <span className={styles.spanDesc}>
                        {show
                            ? '为避免影响您后续面试，请您于面试前，尽快完善《应聘登记表》'
                            : '您已提交《应聘登记表》，期待与您的面谈！面试前可继续完善'}
                    </span>
                </div>
                <div style={{ display: 'flex', justifyContent: 'center' }}>
                    <Button
                        style={{ width: '246px' }}
                        type="primary"
                        // loading={submitLoading}
                        onClick={onClick}
                    >
                        {show ? '立即完善' : '继续完善'}
                    </Button>
                </div> */}
            </>
        )}
        {type === STATUS.HOMEWORK && (
            <>
                <div className={styles.resultContent}>
                    <span className={styles.spanHomeWork}>
                        {show
                            ? '为避免影响您后续面试，请您于面试前，尽快完善《应聘登记表》'
                            : '您已提交《应聘登记表》，期待与您的面谈！面试前可继续完善'}
                    </span>
                    {/* {show && (
                        <>
                            <br />
                            请您在面试前，填写{' '}
                            <a title="应聘登记表" onClick={onClick}>
                                应聘登记表
                            </a>{' '}
                            完善个人信息，谢谢！
                        </>
                    )} */}
                    <Button
                        style={{ width: '253px' }}
                        type="primary"
                        // loading={submitLoading}
                        onClick={onClick}
                    >
                        {show ? '及时完善' : '继续完善'}
                    </Button>
                </div>

                {/* <div className={styles.resultTitle} style={{ marginTop: 20 }}>
                    面试信息
                </div> */}
                {/* <div className={styles.resultContent}>
                    面试时间需等待HR确认最终结果, 修改后的面试将通过邮件再次通知！
                </div> */}
            </>
        )}
        {type === STATUS.REGISTER && (
            <>
                <div className={styles.regTitle}>感谢你的合作</div>
                <div className={styles.regNotice}>
                    {/* <Icon type="clock-circle" theme="filled" style={{ color: '#5590F6', marginRight: 12 }} /> */}
                    稍待面试官评审后，我们将第一时间通知您结果！
                </div>

                <Button
                    style={{ width: '392px', marginBottom: 215, marginTop: 40 }}
                    type="primary"
                    // loading={submitLoading}
                    onClick={onClick}
                >
                    返回《应聘登记表》
                </Button>
            </>
        )}
    </div>
);

export default InterviewResult;
